<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css">
		<!--自定义iconfont-->
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/pro2.css">
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/new-person-details.js" ></script>
		<script src="../js/appData.js"></script>
		
		
	</head>

	<body style="background: #fff;">

		<div class="new-personal-details">
			<!--图片轮播-->
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="../images/shop3.jpeg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="../images/shop4.jpeg"></a>
					</div>
					<!--<div class="mui-slider-item">
						<a href="#"><img src="../images/shop3.jpeg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="../images/shop11.jpeg"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="../images/shop3.jpeg"></a>
					</div>-->
					<!--<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="../images/shop3.jpeg"></a>
					</div>-->
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<!--<div class="mui-indicator"></div>-->
					<!--<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>-->
				</div>
			</div>

			<ul class="deails-con">
				<li class="deails-con-title">BEC中级真题和写作（七成新）</li>
				<li class="deails-con-price">
					<span>￥3</span>
					<span>库存:<label>1</label></span>
				</li>
				<div class="mui-content-padded">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media" style="background-color: #FFFFFF;">
							<a href="../examples/new-seller-detail.html">
								<img class="mui-media-object mui-pull-left" style="height: 50px;" src="../images/head.jpg">
								<div class="mui-media-body">
									爱哭的小♥
									<p class='mui-ellipsis' style="font-size: 10pt;"><span>&nbsp;卖家信用:</span><img src="../images/s_red_1.gif" /></p>
									<p class='mui-ellipsis' style="font-size: 10pt;"><span>&nbsp;联系方式:</span>18317963220</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<li class="deails-con-text">商品详情</li>
				<li class="deails-con-text__li">
					描述：第三辑和第五辑只用铅笔写过。其他几辑用水笔写了，要的话可以直接拿。
					写作也比较新。三块一本。

				</li>
			</ul>

			<!-- 弹出 -->
			<div class="flick-menu-mask"></div>
			<div class="spec-menu">
				<!-- <div class="spec-menu-content spec-menu-show" style="display: block;">
					<div class="spec-menu-top bdr-b">
						<div class="spec-first-pic"> <img id="spec_image" src="../images/shop3.jpeg" /> </div>
						<a class="rt-close-btn-wrap spec-menu-close">
							<p class="flick-menu-close tclck"> <img src="../images/close.png" width="24" height="24" /> </p>
						</a>
						<div class="spec-price" id="specJdPri" style="display: block"> <span class="yang-pic spec-yang-pic"> <img src="../images/rmb.png" /> </span> <span id="spec_price"> 3 </span> </div>
						<div id="specWeightDiv" class="spec-weight"> <span>重量:</span> <span id="spec_weight">0.56kg</span> </div>
					</div>

					<div class="nature-container" id="natureCotainer">
						<div class="pro-color"> <span class="part-note-msg"> 颜色 </span>
							<p id="color">
								<a title="白色 直袖款" class="a-item selected J_ping" report-eventparam="默认">暂无其他颜色</a>
							</p>
						</div>
					</div>
					<button id="toShopCar" class="true-button tclck">确定</button>
				</div> -->
			</div>

		</div>
		<ul class="details-price__button">
			
			<li class="add-cart clickwn">
				<span class="icon iconfont icon-gouwuche"></span>
				<p>加入购物车</p>
			</li>
			<li class="buy"><a href="new-buy.html">立即购买</a></li>
		</ul>
		<!--<div class="icon-gouCenter"><a href="new-shopping-card.html"><span class="icon iconfont icon-gou"></span></a></div>-->
		
		<script type="text/javascript" charset="utf-8">mui.init({
	swipeBack: true
});
var slider = mui("#slider");
slider.slider({
	interval: 2000 //自动轮播周期，若为0则不自动播放，默认为0；
});</script>
		<script type="text/javascript">$(function() {
	$(".clickwn").click(function() {
		$(".flick-menu-mask").show();
		$(".spec-menu").show();
	})
	$(".tclck").click(function() {
		$(".flick-menu-mask").hide();
		$(".spec-menu").hide();
	})
	$('#cool').bind('input propertychange', function() { /* alert(this.value);*/
		$('.amount').html(this.value)
	}).bind('input input', function() {});
	$('#color a').click(function() {
		var cook = $(this).index();
		$('#color a').eq(cook).addClass('selected').siblings().removeClass('selected');
	})
	$("#toShopCar").click(function() {
		let data = JSON.parse(localStorage.getItem('$appData'))
		console.log(data)
		let account = JSON.parse(localStorage.getItem('$loginUser')).account
		let goodId = JSON.parse(localStorage.getItem('$detail')).id
		AppData.addToCart(data.data, account, goodId)
		// console.log(data.data)
		// 将添加完成后的数据再存回localStorage
		localStorage.setItem('$appData', JSON.stringify(data))
		window.location.href = "new-shopping-card.html";
	})

})</script>
	</body>

</html>